<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript" src="static/events.js"></script>
		<link rel="Stylesheet" type="text/css" href="static/style.css" />
		<title>Strona Główna</title>	
</head>


<body>
<table style="background-image: url(grafika/tlo3e.png); width: 80%; height: 650px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">

<tbody>
	<tr align="right">


		<td style="text-align: center; width: 259px;">
			<div class="button_left" id="button_register"><span>Zarejestruj</span></div>
			<div class="button_left hide" id="button_login"><span>Zaloguj</span></div>			
		</td>


		<td style="height: 20px; width: 514px;" align='right'>
			
			<div class='button_left' style='width:200px;margin-right: 0px;'>
			<span>Opis Wszystkich Ras</span>
			</div>
      
			<div class='button_left' style='width:200px; margin-right: 0px;'>
			<span>Nowości w grze!</span>
			</div>

      </td>

    </tr>
    <tr>


      <td style="width: 259px ; border-radius: 22px" valign='top' align='center'> 
 
     <!-- formularze !-->
<div id='formularze'></div>	
<form action='' method='post' id='form_login' >
	<table style=
	'width: 70%;
	margin-top: 10%;  
	border: 2px solid silver; 
	border-radius: 10px; 	
	background: -moz-linear-gradient(30deg, #5baab5,  black);
	background: -webkit-linear-gradient(30deg, #5baab5,  black);
	'>
	<tr>
		<td colspan='3' style='min-height: 40px;color: white; font-weight: bold;' align='center'>Zaloguj się</td>
	</tr>
	<tr>
		<td align='right'> Nick: </td>
		<td id='log_nick'> 
			<input type='text' id="login_name" maxlength='32' size='15'/> 
		</td>
	</tr>
	<tr>
		<td align='right'> Hasło </td>
		<td id='log_haslo'> 
			<input type='password' id="login_passwd" size='10' /> 
		</td>
	</tr>
	<tr>
		<td colspan='3' align='center'>
			<input class="button_left" style="font-weight: bold;" type="submit" value='Zaloguj' />
		</td>
	</tr>
	</table>
</form>
<form action='glowna/register_me.php' method='post' id='form_register'   >
	<table style='
	width: 80%; 
	background: -moz-linear-gradient(30deg, #5baab5,  black);
	background: -webkit-linear-gradient(30deg, #5baab5,  black);
	margin-left: 15%;
	margin-top: 10%;
	border: 2px solid silver;
	border-radius: 10px;'>
	<tr>
		<td colspan='3' id='msg_error_rej' style='height: 40px;color: white; font-weight: bold;' align='center'>
		Zarejestruj się ;)</td>
	</t>
	<tr>
		<td align='center'> Nick: </td>
		<td id='rej_nick'> 
			<input type='text' id="register_name" maxlength='32' size='15'/> 
		</td>
	</tr>
	<tr>
		<td align='center'> Hasło: </td>
		<td id='rej_haslo1'> 
			<input type='password' id="register_passwd" size='10' maxlength='16' style='background: #00cece'/> 
		</td>
	</tr>
	<tr>
		<td align='center'> Powtórz hasło: </td>
		<td id='rej_haslo2'> 
			<input type='password' id="register_passwd2" size='10' maxlength='16'/> 
		</td>
	</tr>
	<tr>
		<td align='center'> E-mail </td>
		<td id='rej_mail'> 
			<input type='text' id="register_mail" size='16' maxlength='32'/> 
		</td>
		<td></td>
	</tr>
		<tr>
		<td align='center'> Rasa </td>
		<td id='rej_mail'> 
			 
			 <select id="register_race">
				<option selected="selected" value="1"> Slumar </option>
			 </select>
			 
		</td>
		<td></td>
	</tr>
		<tr>
		<td align='center'> Kolor podstawowy </td>
		<td id='rej_mail'> 
			 
			 <input type='radio' name='kolor' value='red' checked='checked'/>
			 <input type='radio' name='kolor' value='yellow'/>
			 <input type='radio' name='kolor' value='blue'/>
			 
			 <br />
			 
			 <div style='width: 15px; height: 15px; background: red; margin-left: 4px;float: left'>
			 </div>
			 <div style='width: 15px; height: 15px; background: yellow; margin-left: 10px;float: left'>
			 </div>
			 <div style='width: 15px; height: 15px; background: blue; margin-left: 10px;float: left'>
			 </div>
			 
		</td>
		</tr>
		<td></td>
		<tr>
		<td align="center" colspan="2"> <?php $error = null; echo recaptcha_get_html('6Lek0s0SAAAAAD2HmurTBFglfPQtgayY1qf0M7Fy', $error); ?> </td>
		</tr>
	<tr>
		<td colspan='3' align='center'>
			<input class="button_left" style="font-weight: bold;" type="submit" value='Zarejestruj' />
		</td>
	</tr>
	</table>
</form>

      </td>


      <td style="width: 514px;"></td>
    </tr>
  </tbody>
</table>
<div id="hideBox"></div>
<div id="messageBox"><span>Informacja</span><img alt="Zamknij" src="static/grafika/ikona_zamknij_x.png"/><p id="message">Zostaniesz przekierowany za 3 sekundy</p></div>
</body>
</html>
